body,
html,
#app {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: color 0.5s,
    background-color 0.5s;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/*nprogress进度条颜色*/
#nprogress .bar {
    /*自定义颜色*/
    background: #409eff !important;
}

.container {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    color: var(--font-color);
    background: var(--bg-color);
}

.main {
    flex: 1;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
}

.el-sm-icon {
    width: var(--font-size-sm);
    height: var(--font-size-sm);
}

.el-lg-icon {
    width: var(--font-size-lg);
    height: var(--font-size-lg);
}

.el-max-icon {
    width: var(--font-size-max);
    height: var(--font-size-max);
}

.border_bottom {
    border-bottom: var(--border-color) 1px solid;
}

:root {
    --font-size-sm: 14px;
    --font-size-base: 16px;
    --font-size-lg: 18px;
    --font-size-max: 20px;
}
